/* reset css start */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav,ul{list-style:none;list-style-type: none;outline: none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#333;padding: 0 4px;color: #666;font-size: 14px;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;outline: none;}
/* reset css end */
/* add fonts 'Titillium Web' end 'FontAwesome' */
@font-face{font-family: 'Titillium Web'; font-style: normal; font-weight: 400; src: local('Titillium Web'), local('TitilliumWeb-Regular'), url(../fonts/TitilliumWeb-Regular.woff) format('woff');}
@font-face{font-family: 'FontAwesome'; font-style: normal; font-weight: 400; src: local('FontAwesome'), local('fontawesome-webfont'), url(../fonts/fontawesome-webfont.woff) format('woff');}
/* fonts end */
a{color: #3D6AA2;text-decoration: none;/* 渐变*/-moz-transition: all .2s ease-in-out;-webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
a:hover{color: #29B4F0;text-shadow: 0 0 3px rgba(41, 180, 240, 0.1);}
/* 去多说版权*/#ds-thread .ds-powered-by{display:none!important;}
.red{color: #f00;}
.darkorange{color: darkorange;}
.icon{font-size: 14px;vertical-align: middle;}
h2{font-size: 13px;color: #333;text-shadow: 0 1px 3px #ccc;line-height: 30px;height: 30px;}
.clearfix{clear: both;}
.right{float: right;}
.left{float: left;}
input.txt{padding: 5px;width: 160px;border: 1px solid #e0e0e0;box-shadow: 0 0 12px rgba(0, 0, 0, .1);outline: none;border-radius: 2px;/*鼠标经过背景渐变过程*/-moz-transition: all .2s ease-in-out;-webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
input.txt:hover{border: 1px solid #ccc;background: #f9f9f9;}
body{font-size: 14px;font-family: "Titillium Web",Verdana,"Microsoft Yahei","sans serif" ;color: #333;background: #f9f9f9;text-shadow: 1px 1px 3px rgba(0, 0, 0, .1);}
.wrap{width: 980px;margin: 0 auto;}
.btn{display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.428571429; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; border: 1px solid transparent; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;}
.btn:focus{outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
.btn:hover,
.btn:focus{color: #333333; text-decoration: none;}
.btn:active,
.btn.active{background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn{pointer-events: none; cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none;}
.btn-default{color: #333333; background-color: #ffffff; border-color: #cccccc;}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default{color: #333333; background-color: #ebebeb; border-color: #adadad;}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default{background-image: none;}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active{background-color: #ffffff; border-color: #cccccc;}
.btn-primary{color: #ffffff; background-color: #428bca; border-color: #357ebd;}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary{color: #ffffff; background-color: #3276b1; border-color: #285e8e;}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary{background-image: none;}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active{background-color: #428bca; border-color: #357ebd;}
.btn-warning{color: #ffffff; background-color: #f0ad4e; border-color: #eea236;}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning{color: #ffffff; background-color: #ed9c28; border-color: #d58512;}
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning{background-image: none;}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active{background-color: #f0ad4e; border-color: #eea236;}
.btn-danger{color: #ffffff; background-color: #d9534f; border-color: #d43f3a;}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger{color: #ffffff; background-color: #d2322d; border-color: #ac2925;}
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger{background-image: none;}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active{background-color: #d9534f; border-color: #d43f3a;}
.btn-success{color: #ffffff; background-color: #5cb85c; border-color: #4cae4c;}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success{color: #ffffff; background-color: #47a447; border-color: #398439;}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success{background-image: none;}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active{background-color: #5cb85c; border-color: #4cae4c;}
.btn-info{color: #ffffff; background-color: #5bc0de; border-color: #46b8da;}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info{color: #ffffff; background-color: #39b3d7; border-color: #269abc;}
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info{background-image: none;}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active{background-color: #5bc0de; border-color: #46b8da;}
.btn-link{font-weight: normal; color: #428bca; cursor: pointer; border-radius: 0;}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link{background-color: transparent; -webkit-box-shadow: none; box-shadow: none;}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active{border-color: transparent;}
.btn-link:hover,
.btn-link:focus{color: #2a6496; text-decoration: underline; background-color: transparent;}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus{color: #999999; text-decoration: none;}
.btn-lg{padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px;}
.btn-sm,
.btn-xs{padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px;}
.btn-xs{padding: 1px 5px;}
.btn-block{display: block; width: 100%; padding-right: 0; padding-left: 0;}
.btn-block + .btn-block{margin-top: 5px;}
/* 头部 */
.header{background: #3D6AA2;height: 36px;padding: 8px 0;border-bottm: 1px solid #fff;box-shadow: 0 0 20px rgba(0,0,0,0.3);width: 100%;}
.header .top-nav{font-size: 14px;vertical-align: middle;margin: 0 0 0 20px;float: left;}
.header .top-nav .nav{margin: 0 8px;padding: 0 6px;line-height: 36px;font-size: 16px;text-align: center;text-shadow: 0 0 3px rgba(0,0,0,.3);float: left;/* 渐变*/-moz-transition: all .2s ease-in-out;-webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.header .top-nav a{color: #f0f0f0;}
.header .top-nav a:hover{color: #33B5D8;}
.header .logo{float: left;height: 36px;line-height: 36px;color: #e0e0e0;}
.header .logo a{color: #fff;}
.header .search-form{float: right;line-height: 36px;position: relative;}
.header .search-form .search-key{border: 1px solid #3D6AA2;height: 16px;padding: 4px 6px;width: 206px;}
.header .search-form .search-key:hover{border-radius: 3px;}
.header .search-form .search-btn{position: absolute;height: 24px;width: 30px;top: 8px;right: 0;cursor: pointer;border: none;background: none;}
.header .search-form .icon-search{position: absolute;height: 14px;width: 22px;top: 12px;right: 0;color: #3D6AA2;font-size: 14px;display: block;cursor: pointer;}
/* content */
.content{width: 740px;padding: 20px 0 120px;float: left;line-height: 160%;}
/* tool area */
.content .tool-area{margin: 0 0 20px;}
.content .tool-area .tool-title{font-size: 16px; line-height: 36px;font-weight: normal;}
.content .tool-area .tool-title .icon{color: #29B4F0;}
.content .tool-area .code-area{border: 1px solid #e0e0e0; outline: none; box-shadow: 0 0 12px rgba(0,0,0,0.1); font-size: 12px; border-radius: 2px; color: #666;}
.content .tool-area .tool-btn{margin: 12px 0 0 ;}
.content .tool-area .tool-btn .btn{vertical-align: middle;}
.content .tool-area .tool-btn span{vertical-align: middle;color: #666;font-size: 12px;margin: 0 0 0 16px;}
.content .tool-detail{}
/* sidebar */
.sidebar{float:right;width: 200px;margin: 20px 0;}
.sidebar .side-widget{padding: 8px;line-height: 160%;background: #f6f6f6;border: 1px solid #fff;box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.sidebar .side-title{font-size: 16px;line-height: 36px;font-weight: normal;text-align: center;margin: 0 0 8px;}
.sidebar .side-title .icon{color: #29B4F0;}
.sidebar .side-list{font-size: 13px;}
.sidebar .side-list .current{color: #29B4F0;}
.sidebar .side-list .current a{color: #29B4F0;}
.sidebar .side-list .icon{font-size: 12px;}
.sidebar .side-list li{border-bottom: 1px solid #eee;line-height: 30px;}
/* footer*/
.footer{position: fixed;bottom: 0;left: 0;font-size: 12px;line-height: 36px;color: #666;width: 100%;background:#f6f6f6;border-top: 1px solid #fff;box-shadow: 0 0 12px rgba(0, 0, 0, .2);}
/*box*/
.box{box-shadow: 0px 0px 3px rgba(0,0,0,0.1); border-bottom: 1px solid #eee; background: #fff; color: #494949;}
.box .box-title{font-weight: normal;font-size: 16px;line-height: 36px;padding: 0 8px;margin:12px 0 0 0;border-bottom: 1px solid #f0f0f0;}
.box .box-title .icon{color: #29B4F0;}
.box .box-list{padding: 12px;}
.box .box-list{}
.box .box-list strong{font-weight: normal;}
.box .box-list li{border-bottom: 1px solid #f0f0f0;padding: 8px 0;}
